<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/include/taglibs.jsp" %>
<head>
<%@ include file="/include/meta.jsp" %>
<title>首页</title>
<link rel="stylesheet" type="text/css" href="${ctx}/css/front/index.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/css/front/flexslider.css" />

<script type="text/javascript" src="${ctx}/js/jquery.min.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery.flexslider-min.js"></script>

</head>
<body>
<!--Head-->
<%@ include file="/include/head.jsp"%>
<!--Head-->
<div class="container">
	<div class="home-hero-site-category">
		<ul class="home-hero-categoryList">
			<li>
				<a class="home-hero-site-title" href="">手机平板<i class="iconfont"></i></a>
				<div class="home-hero-categoryList-children">
					<ul class="home-hero-categoryList-children-list">
						<li class="star-goods">
							<a href=""><img class="thumb" src="" height="40" width="40"/><span class="text">小米Note</span></a>
							<a href="">选购</a>
						</li>
						<li class="star-goods">
							<a href=""><img class="thumb" height="40" width="40"/><span class="text">小米手机4</span></a>
							<a href="">选购</a>
						</li>
					</ul>
				</div>
			</li>
			<li>
				<a class="home-hero-site-title" href="">手机平板<i class="iconfont"></i></a>
				<div class="home-hero-categoryList-children">
					<ul class=".home-hero-categoryList-children-list">
						<li class="star-goods">
							<a href=""><img class="thumb" src="" height="40" width="40"/><span class="text">小米Note</span></a>
							<a href="">选购</a>
						</li>
						<li class="star-goods">
							<a href=""><img class="thumb" height="40" width="40"/><span class="text">小米手机4</span></a>
							<a href="">选购</a>
						</li>
					</ul>
				</div>
			</li>
			<li>
				<a class="home-hero-site-title" href="">手机平板<i class="iconfont"></i></a>
				<div class="home-hero-categoryList-children">
					<ul class="home-hero-categoryList-children-list">
						<li class="star-goods">
							<a href=""><img class="thumb" src="" height="40" width="40"/><span class="text">小米Note</span></a>
							<a href="">选购</a>
						</li>
						<li class="star-goods">
							<a href=""><img class="thumb" height="40" width="40"/><span class="text">小米手机4</span></a>
							<a href="">选购</a>
						</li>
					</ul>
				</div>
			</li>
		</ul>
	</div>
	<script type="text/javascript">
		$(function() {
		    $(".flexslider").flexslider({
		    	animation: "fade",
		    	animationLoop: true
			});
		});
	</script>
	<div class="flexslider">
	 	<ul class="slides">
			<li><img src="${ctx}/image/front/s1.jpg"/></li>
			<li><img src="${ctx}/image/front/s2.jpg"/></li>
	 	</ul>
	</div>
	<div class="recommend">
		<div class="title"><h1>推荐产品</h1><span>RECOMMEND</span></div>
		<ul>
			<li>
				<a href="#" title="精准血压计/ACCURATE BLOOD-PRESSURE MONITOR">
					<div class="pic"><img src="../images/product1.jpg" /></div>
					<div class="name-border">
						<div class="c-e-name">
							<div class="c-name">精准血压计</div>
							<div class="e-name">ACCURATE BLOOD-PRESSURE MONITOR</div>
						</div>
						<div class="price"><span>￥</span>3999.00</div>
					</div>
				</a>
			</li>
			<li>
				<a href="#" title="呼吸心率监测系统/NON-CONTACT VITAL SIGNS MONITOR">
					<div  class="pic"><img src="../images/product2.jpg" /></div>
					<div class="name-border">
					<div class="c-e-name">
					<div class="c-name">呼吸心率监测系统</div>
					<div class="e-name">NON-CONTACT VITAL SIGNS MONITOR</div>
					</div>
					<div class="price"><span>￥</span>3999.00</div>
					</div>
				</a>
			</li>
		</ul>
	</div>
	<div class="hot-sale">
		<div class="title"><h1>热卖产品</h1><span>HOT SALE</span></div>
		<ul>
			<li class="big select">
				<a href="" title="智能连续血压仪">
					<div class="pic"><img src="../images/hot-sale-pic1.jpg" /></div>
					<div class="name">智能连续血压仪</div>
					<div class="price"><span>￥</span>299.00</div>
					<div class="bottom"></div>
				</a>
			</li>
			<li>
				<a href="" title="连续心电贴">
					<div class="pic"><img src="../images/hot-sale-pic2.jpg" /></div>
					<div class="name-price">
						<div class="name">连续心电贴</div>
						<div class="price"><span>￥</span>299.00</div>
					</div>
					<div class="bottom"></div>
				</a>
			</li>
			<li>
				<a href="" title="连续心电贴">
					<div class="pic"><img src="../images/hot-sale-pic3.jpg" /></div>
					<div class="name-price">
					<div class="name">连续心电贴</div>
					<div class="price"><span>￥</span>299.00</div>
					</div>
					<div class="bottom"></div>
				</a>
			</li>
			<li>
				<a href="" title="连续心电贴">
					<div class="pic"><img src="../images/hot-sale-pic4.jpg" /></div>
					<div class="name-price">
					<div class="name">连续心电贴</div>
					<div class="price"><span>￥</span>299.00</div>
					</div>
					<div class="bottom"></div>
				</a>
			</li>
			<li>
				<a href="" title="呼吸心率监测系统">
					<div class="pic"><img src="../images/hot-sale-pic5.jpg" /></div>
					<div class="name-price">
					<div class="name">呼吸心率监测系统</div>
					<div class="price"><span>￥</span>299.00</div>
					</div>
					<div class="bottom"></div>
				</a>
			</li>
		</ul>
	</div>
</div>
<%@ include file="/include/bottom.jsp"%>
</body>
</html>